import React from 'react';
import AntDesign from '@expo/vector-icons/AntDesign';
import { Tabs } from 'expo-router';
import { CColor } from '../../../constant/css';

export default function TabLayout() {
    return (
        <Tabs screenOptions={{ tabBarActiveTintColor: CColor.Blue, headerShown: false }}>
            <Tabs.Screen
                name="product"
                options={{
                    title: '商品',
                    tabBarIcon: ({ color }) => <AntDesign name="home" size={28} color={color} />,
                }}
            />
            <Tabs.Screen
                name="stock"
                options={{
                    title: '记录',
                    tabBarIcon: ({ color }) => <AntDesign name="table" size={28} color={color} />,
                }}
            />
            <Tabs.Screen
                name="setting"
                options={{
                    title: '我的',
                    tabBarIcon: ({ color }) => <AntDesign name="setting" size={28} color={color} />,
                }}
            />
        </Tabs>
    );
}
